<!DOCTYPE html>
<html lang="CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="https://image.xiaoandx.club/favicon.ico" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
		 crossorigin="anonymous">
		<script src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
		 crossorigin="anonymous">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
		 crossorigin="anonymous"></script>
		<title>大眼睛工程师工具小导航</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			img{
				width: 100%;
				height: 160;
			}
			.mian{
				margin: 30px 50px;
			}
			.submitStyle{
				margin-top: 30px;
			}
			.mainTitle{
				text-align: center;
				color: #17a2b8;
				font-weight: 1000;
				margin-bottom: 30px;
			}
			.present{
				color: #ff2020;
				margin-bottom: 30px;
			}
			.present h4{
				font-weight: 700;
				line-height:22px
			}
		</style>
	</head>
	<body>
		<div class="mian">
			<div class="titleStyle">
				<h4 class="mainTitle">大眼睛工程师工具小导航</h4>
				<div class="present">
					<h4>公告：导航部分功能仅限于特定环境，不正对公众开放。
					</h4>
				</div>
			</div>
			
			<div class="row">
			
			</div>
		</div>
	</body>
	<script type="text/javascript">
		/**
		 * 
		 *    _    _      _ _         _______ _                 _         __      ___               
		 * 	 | |  | |    | | |       |__   __| |               | |        \ \    / (_)              
		 *	 | |__| | ___| | | ___      | |  | |__   __ _ _ __ | | _____   \ \  / / _  _____      __
		 *	 |  __  |/ _ \ | |/ _ \     | |  | '_ \ / _` | '_ \| |/ / __|   \ \/ / | |/ _ \ \ /\ / /
		 *	 | |  | |  __/ | | (_) |    | |  | | | | (_| | | | |   <\__ \    \  /  | |  __/\ V  V / 
		 *	 |_|  |_|\___|_|_|\___/     |_|  |_| |_|\__,_|_| |_|_|\_\___/     \/   |_|\___| \_/\_/  
		 * 
		 *	Copyright (c) 2020 WEI.ZHOU. All rights reserved.                           
		 *	The following code snippets are only used for circulation and cannot be used for business.      
		 *	If the code is used, no consent is required, but the author has nothing to do with any problems and consequences.                                                                                   
		 *	In case of code problems, feedback can be made through the following email address.         
		 *	                            <xiaoandx@gmail.com> and <https://blog.xiaoandx.club>  
		 * @author xiaoandx
		 * @time 2020-11-28 12:21:56
		 */

		$(document).ready(function() {
			var date = new Date();
			//使用getJSON方法读取json数据,
			//注意：info.json可以是不同类型文件，只要其中的数据为json类型即可
			$.getJSON('./result.json?t='+ date.getTime(), function(result) {
				var html_resultinfo = '';
				$.each(result["resultinfo"], function(i, item) {
					html_resultinfo1 = '<div class="col-md-4"><div class="list-group"> <a href="'+item['url']+'" class="list-group-item"> '+
					'<img src="https://image.xiaoandx.club/tools/'+item['imgUrl']+'" > </a> </div></div>';
					$('.row').append(html_resultinfo1);
				});
			});
		});
	</script>
</html>
